<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>慢作Worktop | 好东西慢慢作</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="alternate icon" type="image/png" href="../assets/i/favicon.png">
    <link rel="stylesheet" href="../base-component/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../base-component/cropper/cropper.min.css"/>
    <link rel="stylesheet" href="../base-component/layui/css/layui.css"/>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        dl, dt, dd, ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        p {
            font-size: 12px;
        }

        dt {
            font-size: 14px;
            font-weight: bold;
            border-bottom: 1px dotted #000;
            padding: 5px 0 5px 5px;
            margin: 5px 0;
        }

        dd {
            padding: 5px 0 0 5px;
        }

        li {
            line-height: 28px;
        }

        input {
            outline: none;
            border: 0px;
        }

        .am-edit-width-min {
            min-width: 160px;
            width: 160px;
            max-width: 160px;
        }

        .am-tab-width-min {
            min-width: 80px;
            /* width: 120px;
            max-width: 80px; */
        }

        #allmap {
            padding: 0;
            height: 90%;
            overflow: hidden;
            border: 1px solid #ddd;
            position: relative;
        }

        #allmap .am-form-group {
            position: absolute;
            top: 10px;
            left: 5%;
        }

        #result {
            padding: 0px;
            height: 90%;
            background-color: #eee;
            overflow: hidden;
        }

        #result label {
            padding: 2px;
            padding-bottom: 0px;
            margin-bottom: 0px;
            border-radius: 2px;
        }

        #result input {
            width: 90%;
            font-size: 16px;
            color: #1a1a1a;
            text-indent: 16px;
            height: 30px;
            line-height: 30px;
        }

        #result select {
            border-color: #19a7f0;
        }
        #mapBox{
            height: 100%;
            width: 100%;
            display: none;
        }
        .am-panel{
            margin-bottom: 8px;
        }
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=OjbuGKVIS4QOaf8QWDLGtY7255Tdf3Q1"></script>
    <!--加载鼠标绘制工具-->
    <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=OjbuGKVIS4QOaf8QWDLGtY7255Tdf3Q1&plugin=AMap.PolyEditor"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css"/>
    <!--加载检索信息窗口-->
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.4/src/SearchInfoWindow_min.css"/>
</head>
<body>
    <!--tiele-->
    <div  id="listBox" class="am-panel am-panel-secondary">
        <div class="am-panel-hd">
            <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#sys-goods-list'}">
                圈子绘制<span class="am-icon-chevron-down am-fr"></span>
            </h4>
        </div>
        <div id="sys-goods-list" class="am-panel-collapse am-collapse am-in">
        <div class="am-panel-bd">
            <!-- 列表数据显示 -->
            <div class="am-g" style="padding-bottom: 40px;">
            <div class="am-u-sm-12">
                <div class="am-scrollable-horizontal">
                    <table class="am-table am-table-striped am-table-hover am-text-sm am-text-center">
                        <thead>
                        <tr class="">
                            <th class="am-text-truncate am-tab-width-min am-text-center">名称</th>
                            <th class="am-text-truncate am-tab-width-min am-text-center">介绍</th>
                            <th class="am-text-truncate am-tab-width-min am-text-center">配送类型</th>
                            <th class="am-text-truncate am-tab-width-min am-text-center">白天/普通时段/快递减免费用</th>
                            <th class="am-text-truncate am-tab-width-min am-text-center">晚间/高峰期费用</th>
                            <th class="am-text-truncate am-edit-width-min am-text-center"><!--<button class="am-btn am-btn-danger am-btn-xs" id="shop-print-add">新增</button> --></th>
							<!-- <th class="am-text-truncate am-edit-width-min am-text-center"></th> -->
                        </tr>
                        </thead>
                        <!-- 订单列表显示 -->
                        <tbody id="sys-order-list-body">
                        </tbody>
                    </table>
                </div>
                <div id="sys-shop-list-body-page" class="am-fr"></div>
            </div>
        </div>
        </div>
        </div>
    </div>
    <!--地图box-->
    <div id="mapBox">
        <div id="allmap" class="am-u-sm-10 am-g-collapse">
            <div id="map" style="height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;"></div>
            <div class="am-form-group am-form-group-sm">
                <button type="button" class="am-btn am-btn-secondary  am-btn-xs" onclick="preview()">预览</button>
                <button type="button" class="am-btn am-btn-danger am-btn-xs" onclick="clearAll()">清除</button>
            </div>
        </div>
        <div id="result" class="am-u-sm-2 am-g-collapse">
            <form id="form">
                <div class="am-cf am-margin-bottom am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">系统商品管理</strong>
                    </div>
                </div>
                <div class="am-text-center">
                    <div class="am-form-group am-form-group-sm">
                        <label class="am-btn-secondary am-fl am-margin-left">名称</label>
                        <input type="text" class="am-radius am-margin-left" name="name" id="name" placeholder="请输入圈子名称...">
                    </div>
                    <div class="am-form-group am-form-group-sm">
                        <label class="am-btn-secondary am-fl am-margin-left">介绍</label>
                        <input type="text" class="am-radius am-margin-left" name="intro" id="intro" placeholder="请输入圈子介绍...">
                    </div>
                    <div class="am-form-group  am-form-group-sm">
                        <div>
                            <label class="am-btn-secondary am-fl am-margin-left">配送方式</label>
                        </div>
                        <div class="am-margin-top-xs am-margin-left am-margin-bottom">
                            <select name="postType" id="postType">
                                <option value="1">自营配送</option>
                                <option value="2">第三方闪送</option>
                                <option value="3">快递</option>
                            </select>
                        </div>
                    </div>
                    <div class="am-form-group am-form-group-sm">
                        <label id="express" class="am-btn-secondary am-fl am-margin-left">白天费用</label>
                        <input type="number" class="am-radius am-margin-left" name="dayPrice"  id="dayPrice" placeholder="请输入白天费用...">
                    </div>
                    <div class="am-form-group am-form-group-sm">
                        <label value="" class="am-btn-secondary am-fl am-margin-left">夜间费用</label>
                        <input type="number" class="am-radius am-margin-left" name="nigtPrice" id="nigtPrice" placeholder="请输入夜间费用...">
                        <input type='hidden' id="position" value="" name="position"/>
                    </div>
                    <div class="am-form-group am-form-group-sm am-margin-top am-padding-top">
                        <button type="button" class="am-btn am-btn-primary am-btn-xs" id="save">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- list模版 -->
    <script id="sysOrderListTpl" type="text/html">
        {{#  layui.each(d.msg, function(index, item){ }}
        <tr>
            <td class="am-text-truncate am-tab-width-min">{{ item.name }}</td>
            <td class="am-text-truncate am-tab-width-min">{{ item.intro }}</td>
            <td class="am-text-truncate am-tab-width-min">{{ item.postTypeName }}</td>
            <td class="am-text-truncate am-tab-width-min">{{ item.dayPrice }}</td>
            <td class="am-text-truncate am-tab-width-min">{{ item.nigtPrice }}</td>
            <td class="am-center">
                <div class="am-btn-group am-btn-group-xs">
                    <input type="button" class="am-btn am-btn-success btn-order-list-detail" onclick="edit(this)" shopId="{{ item.id }}" value="编辑">
                </div>
            </td>
        </tr>
        {{#  }); }}
    </script>
    <script src="../base-component/jquery/jquery.min.js"></script>
    <script src="../base-component/amazeui/js/amazeui.min.js"></script>
    <script src="../assets/js/api.js"></script>
    <script src="../base-component/layer/layer.js"></script>
    <script src="../base-component/layui/layui.js"></script>
    <script src="../base-component/cropper/cropper.min.js"></script>
    <script type="text/javascript" src="../assets/js/baidu-map.js"></script>
</body>
</html>
